<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="description" content="app, web app, responsive, admin dashboard, admin, flat, flat ui, ui kit, off screen nav" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <title>客户管理系统</title>
    <link rel="stylesheet" href="../tool/layui/css/layui.css" type="text/css" />
</head>
<body >
<div id="app">
    <div class="layui-body" id="content">
        <form class="layui-form" lay-filter="updateForm">
            <div style="padding: 15px;">
                <div class="layui-form-item">
                    <label class="layui-form-label">帐号名</label>
                    <div class="layui-input-block" style="width:50%">
                        <input v-model="userName" placeholder="请输入" class="layui-input" autocomplete="off" disabled>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">人员姓名</label>
                    <div class="layui-input-block" style="width:50%">
                        <input v-model="userTrueName"  type="text" placeholder="请输入" class="layui-input" autocomplete="off" disabled>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">隶属部门</label>
                    <div class="layui-input-block" style="width:50%" >
                        <select name="public-choice" lay-filter="selectDepartment" >
                            <option :value="item.departmentId" v-for="item in departmentList" v-if="departmentId == item.departmentId" selected>{{item.departmentName}}</option>
                            <option :value="item.departmentId" v-else>{{item.departmentName}}</option>
                        </select>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">隶属上司</label>
                    <div class="layui-input-block" style="width:50%" >
                        <select name="public-choice" lay-filter="selectGroup" >
                            <option :value="item.userId" v-for="item in GroupList" v-if="userGroupId == item.userId" selected>{{item.userTrueName}}</option>
                            <option :value="item.userId" v-else-if="userTrueName == item.userTrueName" disabled>{{item.userTrueName}}</option>
                            <option :value="item.userId" v-else>{{item.userTrueName}}</option>
                        </select>
                    </div>
                </div>
            </div>
        </form>

        <div class="layui-row layui-col-space10">
            <div class="layui-col-md4">
            </div>
            <div class="layui-col-md4">
                <button class="layui-btn" @click="update()">立即提交</button>
                <button class="layui-btn layui-btn-primary" @click="back()">返回</button>
            </div>
        </div>
    </div>
</div>
<script src="../tool/layui/layui.js"></script>
<script type="text/javascript" src="../tool/js/jquery-1.10.1.js"></script>
<script src="../tool/js/vue.js"></script>
<script src="js/userEdit.js"></script>
<script type="text/html" id="barDemo">
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>
<script type="text/html" id="toolbarDemo">
</script>
</body>
</html>